<!--
 * @Description: 绑定设备页面
 * @Author: Ronda
 * @Date: 2022-02-16 09:30:08
 * @LastEditors: Ronda
 * @LastEditTime: 2022-05-23 15:08:33
-->
<template>
  <div>
    <!-- 返回按钮 -->
    <div class="back">
      <el-page-header @back="$router.go(-1)" content="工程详情">
      </el-page-header>
    </div>
    <div>
      <template>
        <el-descriptions title="" :column="1" border>
          <el-descriptions-item
            label="账户ID"
            content-class-name="my-content"
            >{{ this.Data.account_id }}</el-descriptions-item
          >
          <el-descriptions-item
            label="账户名称"
            content-class-name="my-content"
            >{{ this.Data.account_name }}</el-descriptions-item
          >
          <el-descriptions-item
            label="设备ID"
            content-class-name="my-content"
            >{{ this.Data.device_id }}</el-descriptions-item
          >
          <el-descriptions-item
            label="设备名称"
            content-class-name="my-content"
            >{{ this.Data.device_name }}</el-descriptions-item
          >
          <el-descriptions-item
            label="工程名称"
            content-class-name="my-content"
            >{{ this.Data.engineer_name }}</el-descriptions-item
          >
          <el-descriptions-item
            label="工程状态"
            content-class-name="my-content"
          >
            <el-tag size="small" content-class-name="my-content">{{
              this.Data.status
            }}</el-tag>
          </el-descriptions-item>
          <el-descriptions-item
            content-class-name="my-content"
            label="类型"
            :contentStyle="{ 'text-align': 'left' }"
            >{{ this.Data.type }}</el-descriptions-item
          >
        </el-descriptions>
      </template>
    </div>
  </div>
</template>


<script>
export default {
  data() {
    return {
      Data: {},
      // 工程详情数据
      engineerData: {},
    };
  },
  computed: {},
  methods: {
    tableRowClassName() {
      return "warning-row";
    },
  },
  created() {
    // 接受路由传递参数
    console.log(this.$route.query);
    this.engineerData = { ...this.$route.query };
    this.Data = this.engineerData;
  },
  mounted() {},
};
</script>
<style>
.my-content {
  background: #93e1e5;
}
</style>